/*default css */
*{margin:0px;padding:0px;}
#wrapper
{
    width:1200px;
    margin:0px auto;
    background: #29abfe;
    -webkit-box-shadow: 0px 0px  10px #646564;
    -moz-box-shadow: 0px 0px 10px #646564;
    box-shadow: 0px 0px 10px #646564;
}
#wrapper #top ul
{
    list-style: none;
    float:right;
}
#wrapper #top ul li
{
    display:inline-block;
    line-height: 31px;
    margin:0px 5px 0px 10px;
    color:#fff;
}
#wrapper #top ul li a
{
    color:#fff;
}
#wrapper #top ul li a.active
{
    opacity:1;
}
#wrapper #header{height: 107px;position:relative;}
#wrapper #header img{ margin: 4px 65px; }
#wrapper #header #banner{top: 13px;left: 183px; position: absolute;}
#wrapper #header #banner p{    font: bold 22px "Times New Roman", Tahoma,arial,verdana,sans-serif;color: white;}



#wrapper #main_menu 
{
    line-height: 20px;
    height:53px;
    background-image: url("../../images/menu_bg.jpg");
    z-index:10;position:relative;
    margin-top:10px;
    margin-bottom:20px;
    
    border-bottom:1px dashed #fff;
}
#wrapper #main_menu a
{
    display: block;
    text-decoration: none; 
    color:#fff;
    font-size:18px;
}



/*set top menu width */

#wrapper #main_menu ul li { float: left; width: 120px;list-style-type:none;}
#wrapper #main_menu ul li.top{background: none;margin:2px 2px 0px 0px;height:50px;text-align:center;}
#wrapper #main_menu ul li.first{margin-left:80px;}

#wrapper #main_menu ul li.active{background:url("../../images/menu_active.png")}
#wrapper #main_menu ul li.top:hover{background:url("../../images/menu_active.png")}
#wrapper #main_menu ul li a{padding:14px 0px;}/*only top */

/*Set submenu width 160px  and hide*/
#wrapper #main_menu li ul li a:hover {color:#000; }
#wrapper #main_menu ul li ul li,#main_menu ul li ul li ul li  { width: 220px; list-style-type:none;text-align:left;background:#59bbfa; }
#wrapper #main_menu ul li ul li a,#main_menu ul li ul li ul li a{font-size:18px;padding:10px;}
#wrapper #main_menu ul li ul li ul li a{border-left:1px dashed #fff;}/*tao duong ke */
/*Theo quy luat ma them 
	Quy tac an: an het nhung ul chau, hien ul cua li ma thoi
	
*/

#wrapper #main_menu ul li ul, 
#wrapper #main_menu ul li:hover ul li ul,
#wrapper #main_menu ul li:hover ul li:hover ul li ul{ 
	display:none;
	list-style-type:none; 
	width: 140px;
	}
	
	
/*Theo quy luat ma them 
	Quy tac hien: hien ra ul con cua li duoc hover */
	

#wrapper #main_menu ul li:hover ul, 
#wrapper  #main_menu ul li:hover ul li:hover ul,
#wrapper #main_menu ul li:hover ul li:hover ul li:hover ul { display:block; }
	
#wrapper #main_menu ul li:hover ul li:hover ul,
#wrapper #main_menu ul li:hover ul li:hover ul li:hover ul { 
	position: absolute;
	margin-left: 220px;
	margin-top: -40px;
	}	
    




#wrapper .box{-webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              -o-border-radius: 5px;
              border-radius: 5px;                      
              -webkit-box-shadow: 0px 0px  10px #646564;
              -moz-box-shadow: 0px 0px 10px #646564;
			 
            }
#wrapper .box_header{background: url(../../images/index/blue_bg.jpg) repeat-x;
                    height:20px;
                    -webkit-border-top-left-radius: 5px;
                    -moz-border-top-left-radius: 5px;
                    -o-border-top-left-radius: 5px;
                    border-top-left-radius: 5px;
                    -webkit-border-top-right-radius: 5px;
                    -moz-border-top-right-radius: 5px;
                    -o-border-top-right-radius: 5px;
                    border-top-right-radius: 5px;   
                    padding:5px;
					}
#wrapper .box_data{padding:5px;}
#wrapper .box_header h3{color:#fff;line-height:20px;}    
#wrapper #primary{min-height:800px;margin:0px 5px;background:#fff;padding:20px 10px;overflow:auto;
                    -webkit-border-top-left-radius: 5px;
                    -moz-border-top-left-radius: 5px;
                    -o-border-top-left-radius: 5px;
                    border-top-left-radius: 5px;}

#wrapper #primary #left{width:900px;float:left;min-height:800px;}



#wrapper #primary #right{width:250px;float:right;min-height:800px;}
#wrapper #primary #right .box{margin-bottom: 24px;}
#wrapper #primary #right .box h3{text-align:center;line-height:20px;}
#wrapper #primary #right #taikhoan {height:190px;}
#wrapper #primary #right #taikhoan #taikhoancontent p{font-size: 14px;padding: 0px 2px;line-height: 28px;}
#wrapper #primary #right #taikhoan p#action
{
    margin-top:2px;
}
#wrapper #primary #right #taikhoan a,
#wrapper #primary #right #TKB a{
                            
                            font-size: 13px;
                            color:#000;
                            background: url(../../images/index/blue_bg.jpg) repeat-x;
                            padding:5px 20px;
                            height:20px;
                            
                            -webkit-border-radius: 5px;
                            -moz-border-radius: 5px;
                            -o-border-radius: 5px;
                            border-radius: 5px;                      
                            -webkit-box-shadow: 2px 2px  6px #646564;
                            -moz-box-shadow: 2px 2px 6px #646564;
                            line-height:20px;
                            text-align:center;                            
                            text-decoration:none;
                            
                            }

#wrapper #primary #right #taikhoan a:hover,
#wrapper #primary #right #TKB a:hover{color:#fff;}

#wrapper #primary #right #TKB{height:220px;}
#wrapper #primary #right #TKB table{border-collapse: collapse;height: 142px;width:242px;}
#wrapper #primary #right #TKB table tr{height:24px;}
#wrapper #primary #right #TKB table th,
#wrapper #primary #right #TKB table td{border:1px solid #DCDDDE;width:30px;}
#wrapper #primary #right #TKB p#tkb
{
    margin-top: 12px;
}


#TKBcontent td.lich{text-align: center;cursor: default;color: #333;font-size: 10px;}

#wrapper #primary #right #mondadk{height: 500px;}
#wrapper #primary #right #mondadk #lietkedk {font-size: 16px;height:430px;line-height: 27px;overflow-y: scroll;}
#wrapper #primary #right #mondadk #lietkedk ol {padding-left: 27px;}
#wrapper #primary #right #mondadk #lietkedk ol li {border-bottom: 1px dashed #CCC;}
#wrapper #primary #right #mondadk p{margin:5px 0px 0px 5px;font-size:16px;font-weight:bold;}

#wrapper #primary #right #nhacnho{height: 400px;position:relative;}
#wrapper #primary #right #nhacnho ul{list-style-type: disc; }
#wrapper #primary #right #nhacnho ul li{padding:5px 4px;margin-bottom:5px;display:block;white-space:pre-wrap;}
#wrapper #primary #right #nhacnho ul li a{color:blue;}
#wrapper #primary #right #nhacnho .box_data{position:relative;overflow:hidden;height: 358px;}
#wrapper #primary #right #nhacnho .box_data ul{position:absolute;}
#wrapper #footer
{
    
    margin:0px 5px;
    width:1190px;
    height: 266px;
    position:relative;
    background: url(../../images/index/footer2_bg.jpg) repeat-x;
	
}
#wrapper #footer #diachi
{
    top: 10px;
    position: absolute;
    font-size: 21px;
    line-height: 30px;
    margin: 0px 400px;
    text-align: center;
    z-index: 30;
}

#wrapper #footer #link
{
    position: absolute;
    top: 189px;
}

#wrapper #footer #link img
{
    margin: 0px 0px 0px 35px;
}

#wrapper #footer #link img:first-child
{
    margin-left: 435px;
}

/* popup */
#popup{top: 0px;height: 100%;width: 100%;position: fixed;background-color: #111;opacity: .65;z-index: 40;display:none;}

/* change pass*/

#divchangepass{
                box-shadow:0px 0px 10px #fff;
              -webkit-box-shadow:0px 0px 10px #fff;
              -moz-box-shadow:0px 0px 10px #fff;
              -o-box-shadow:0px 0px 10px #fff;
                top: 50%;left: 50%;margin-left: -260px;
                margin-top: -180px;width: 520px;
                height: 360px;position: fixed;
                z-index: 50;
                background-color: white;display:none;}
#divchangepass #topchangepass{height: 40px;background-color: #4DB9FE;padding-left: 170px;font-size: 20px;font-weight: bold;color: white;line-height: 40px;}
#divchangepass #closechangepass{height: 39px;width: 38px;top: 7px;right: 10px;border: none;position: absolute;background: url(../../images/close.png) no-repeat;opacity:0.8;}
#divchangepass #closechangepass:hover{opacity:1;cursor:pointer;}
#divchangepass div.nottop{left: 5px;padding: 15px 30px;font-size: 20px;}
#divchangepass div.nottop:hover{border: 5px 5px 5px 5px;background-color: #eee;opacity: 0.9;}
#divchangepass div.nottop input{height: 23px;width: 400px;left: 32px;position: absolute;font-size: 19px;padding-left: 5px;}
#divchangepass #errorOldPassword{position: absolute;top: 295px;left: 200px;color: red;}
#divchangepass #errorNewPassword{position: absolute;top: 320px;left: 200px;color: red;}
#divchangepass #btn_changepass{height: 59px;width: 56px;top: 290px;left: 400px;border: none;position: absolute;background: url(../../images/index/btnaccept.png);}
#divchangepass #btn_changepass:hover{background: url(../../images/index/btnaccept_hover.png);cursor: pointer;}